<!DOCTYPE html>
<meta charset="UTF-8">
<div style="padding: 10px; width: 500px; height: 200px;">
	<table data-type="grid" title="分组-border" style="width: 300px;"
		data-defs="rownumbers:true,singleSelect:true,border:true,
		method:'get',url: 'demo/testdata/grid_data1.json',fit:true,fitColumns:true
		">
		<thead>
			<tr>
				<th data-defs="field:'itemid',width:80" rowspan="2">ID</th>
				<th data-defs="field:'productid',width:100" rowspan="2">产品名称</th>
				<th colspan="4">产品详细信息</th>
			</tr>
			<tr>
				<th data-defs="field:'listprice',width:80,align:'right'">成本</th>
				<th data-defs="field:'unitcost',width:80,align:'right'">单价</th>
				<th data-defs="field:'attr1',width:100">属性</th>
				<th data-defs="field:'status',width:60,align:'center'">状态</th>
			</tr>
		</thead>
	</table>
</div>
<div style="padding: 10px; width: 500px; height: 200px;">
	<table data-type="grid" title="分组-no-out-border" style="width: 300px;"
		data-defs="rownumbers:true,singleSelect:true,border:false,headerCls:'byb',
		method:'get',url: 'demo/testdata/grid_data1.json',fit:true,fitColumns:true
		">
		<thead>
			<tr>
				<th data-defs="field:'itemid',width:80" rowspan="2">ID</th>
				<th data-defs="field:'productid',width:100" rowspan="2">产品名称</th>
				<th colspan="4">产品详细信息</th>
			</tr>
			<tr>
				<th data-defs="field:'listprice',width:80,align:'right'">成本</th>
				<th data-defs="field:'unitcost',width:80,align:'right'">单价</th>
				<th data-defs="field:'attr1',width:100">属性</th>
				<th data-defs="field:'status',width:60,align:'center'">状态</th>
			</tr>
		</thead>
	</table>
</div>
